<template lang="html">
  <div class="product_mian">
      <!-- 轮播图 -->
      <carousel ></carousel>
      <div>
        <boutique-list :listshuju="pinpai_list"></boutique-list>
    </div>
    <foo-ter></foo-ter>
  </div>
</template>

<script type="text/javascript">
  import footer from "../footer/index.vue";
  import boutiquelist from "./boutiquelist.vue";
  import carousel from "../Carousel/Carousel.vue";
export default {
  name: 'cuxiao',
  data () {
    return {
      header_title:{url:"/",title:"积分专区"},
      pinpai_list:[]
    }
  },
  created:function(){
    var conent = this;
    let _url = "/index.php?g=app&m=shopping&a=pinpai_list_post";
    conent.$http.post(_url).then(function(data){
        if(data.data.status== "1"){
          conent.pinpai_list = data.data.data.pinpai_list;
        }else {
          
        }
    },function(response){
        conent.$toast(response);
    })
  },
  components:{
    'foo-ter':footer,
    'boutique-list':boutiquelist,
    'carousel':carousel
  }
}
</script>

<style scoped lang="less">
@import '../../../assets/less/index.less';
.cuciao_banner{
  width: 100vw;
  height: 55.33vw;
  .banner_img{
    display: inline-block;
    width: 100vw;
    height: 55.33vw;
  }
}
.product_mian{
  width: 100vw; 
}
.cuxiao_tab{
  width: 100vw;
  height: 12vw;
  .cuxiao_tab_main{
    width: 100%;
    height: 12vw;
    color: @color1;
    overflow: hidden;
    zoom:1;
    li{
      width: 33.3333%;
      display: inline-block;
      float: left;
      height: 12vw;
      line-height: 12vw;
      background-color: @color;
    }
    .danjian{
      background-color: @color6;
    }
  }
}
</style>